html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 {
    -webkit-text-size-adjust: none
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}
body {
    font-family: arial, sans-serif
}
ol, ul, li {
    list-style: none
}
blockquote, q {
    quotes: none
}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none
}
ins {
    text-decoration: none
}
del {
    text-decoration: line-through
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
.clearfix:after {
    content: '\0020';
    display: block;
    height: 0;
    clear: both
}
.clearfix {
    *zoom: 1
}
a {
    text-decoration: none;
    color: #333
}
a:active {
    border: 0;
    outline: 0
}
a:visited {
    color: #333
}
body * {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    tap-highlight-color: rgba(0, 0, 0, 0)
}
.list li {
    background: #fafafa;
    border-bottom: #e7e7e7 1px solid;
    width: 100%;
    width: calc(100% - 20px);
    overflow: hidden;
    position: relative;
    padding: 8px 10px
}
.list li:active {
    background: #ededed
}
.list li:after {
    content: '';
    top: 31px;
    right: 32px;
    width: 7px;
    height: 12px;
    position: absolute;
    display: block;
    background: url();
    background-size: 100% 100%
}
.list li a {
    display: block;
    font-size: 12px;
    color: #838383;
    padding-left: 50px
}
.list li a h3 {
    line-height: 1.5em;
    color: black;
    font-size: 16px;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 2.2em;
    width: 85%;
    white-space: nowrap;
    font-weight: normal
}
.list li a {
    background: url(xb.png);
    -webkit-background-size: 49px 652px;
    background-size: 49px 652px;
    background-repeat: no-repeat;
    background-position: left
}
.list li a.doc {
    background-position: -4px -156px
}
.list li a.epub {
    background-position: -4px -229px
}
.list li a.pdf {
    background-position: -4px -300px
}
.list li a.ppt {
    background-position: -4px -374px
}
.list li a.txt {
    background-position: -4px -445px
}
.list li a.unkown {
    background-position: -4px -518px
}
.list li a.xls {
    background-position: -4px -590px
}
.list li a.album {
    background-position: -4px -83px
}
.list li a.fold {
    background-position: -4px -10px
}
.list li.empty {
    background: 0;
    text-align: center;
    padding: 0;
    line-height: 3
}
.list li.empty a {
    color: #333;
    font-size: 16px;
    padding: 0;
    margin: 0;
    width: auto;
    display: inline
}
.list li.empty:after {
    display: none
}
.toolBar {
    height: 43px;
    background: #1e9866;
    border-top: 1px solid #008a4c;
    border-bottom: 1px solid #008a4c;
    position: relative;
    line-height: 43px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    padding: 0 8px 0 4px
}
.toolBar a {
    position: absolute;
    display: block;
    color: #fff;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    top: 6px;
    border: 1px solid #008549;
    background: #1c8c5e;
    font-weight: normal
}
.toolBar a.return {
    border: 0;
    height: 32px;
    line-height: 32px;
    width: 40px;
    padding: 0 4px 0 10px;
    text-align: center;
    overflow: hidden;
    background: url();
    background-size: 54px 32px
}
.toolBar a.options {
    right: 8px;
    padding: 0 5px
}
.tabBar {
    height: 39px;
    background: url()repeat-x;
    -webkit-background-size: 2px 39px;
    text-align: center
}
.tabBar a {
    width: 157px;
    height: 29px;
    text-align: center;
    line-height: 29px;
    margin-top: 4px;
    border: 0;
    background: 0;
    font-size: 16px;
    display: inline-block
}
.tabBar a.on {
    width: 155px;
    height: 27px;
    line-height: 27px;
    background: #d6f1e3;
    border: #a5d8bc 1px solid;
    color: #085321
}
.loading {
    width: 100%;
    height: 200px;
    border: none !important;
    background: #fff url(http://wk.baidu.com/static/webapp/common/ui/images/loading_8ef51502.gif) no-repeat center center !important;
    background-size: 16px 16px !important
}
.data-error {
    line-height: 60px;
    color: red;
    text-align: center;
    font-size: 14px
}
#page {
    height: 100%
}
.ui-toolbar-container {
    position: relative;
    min-width: 320px;
    max-width: 1280px;
    width: 100%
}
.ui-toolbar {
    display: block;
    border-bottom: #d2d2d2 solid 1px;
    width: 100%;
    height: 43px;
    z-index: 2;
    text-align: center;
    background: #f4f4f4;
    font-weight: 600;
    line-height: 44px
}
.ui-sub-toolbar {
    display: block;
    -webkit-box-orient: horizontal;
    position: absolute;
    top: 44px;
    left: 0;
    width: 100%;
    height: 38px;
    right: 0;
    z-index: 2;
    background-color: #f4f4f4;
    border-bottom: 1px solid #d2d2d2
}
.ui-toolbar .ui-toolbar-backcon, .ui-toolbar .ui-toolbar-toolscon {
    height: 100%;
    cursor: pointer;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    height: 100%;
    vertical-align: middle
}
.ui-sub-toolbar .ui-toolbar-toolscon .ui-toolbar-btn, .ui-toolbar .ui-toolbar-toolscon .ui-toolbar-btn {
    float: left;
    width: 39px
}
.ui-toolbar .ui-toolbar-backcon {
    float: left;
    line-height: 30px;
    margin-top: 6px;
    padding: 0 8px;
    position: absolute
}
.ui-toolbar .ui-toolbar-toolscon {
    float: right;
    color: #fff;
    line-height: 30px;
    display: inline-block
}
.ui-sub-toolbar .ui-toolbar-toolscon {
    height: 38px;
    background: 0;
    display: block;
    float: right
}
.ui-toolbar .ui-toolbar-backbtn {
    width: 52px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    background: url(toolbar.png) 0 -591.5px no-repeat;
    -webkit-background-size: cover
}
.ui-toolbar .ui-toolbar-backbtn {
    width: 52px;
    height: 30px;
    line-height: 30px;
    display: inline-block
}
.ui-toolbar .ui-toolbar-backbtn span {
    padding-left: 5px
}
.ui-toolbar .ui-toolbar-backbtn-hover {
    background-position: 0 -641.5px
}
.green .ui-toolbar {
    border-top: #3c9c76 solid 1px;
    border-bottom: #1a8055 solid 1px;
    color: #fff;
    background: #1e9866
}
.green .ui-toolbar .ui-toolbar-backbtn {
    width: 52px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    background-position: 0 -491.5px;
    color: #fff
}
.green .ui-toolbar .ui-toolbar-backbtn span {
    padding-left: 5px
}
.green .ui-toolbar .ui-toolbar-backbtn-hover {
    background-position: 0 -541.5px
}
.ui-gotop {
    width: 40px;
    height: 40px;
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: 90;
    background: #454545;
    color: white;
    cursor: pointer;
    visibility: hidden;
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -webkit-border-radius: 2px;
    -webkit-transition-property: bottom;
    -webkit-transition-duration: 400ms;
    -webkit-transition-timing-function: ease;
    -webkit-box-shadow: 0 0 5px #9c9c9c;
    opacity: .9
}
.ui-gotop span {
    position: relative;
    display: block;
    padding: 9px 0;
    line-height: 14px;
    text-align: center
}
.ui-gotop span {
    background: url() no-repeat 13px 12px;
    -webkit-background-size: 18px 15px;
    background-position: 50% 70%
}
.ui-input-mask {
    position: relative
}
.ui-input-mask input {
    outline: 0
}
.ui-quickdelete-button {
    background: url() no-repeat;
    -webkit-background-size: 100%;
    -webkit-background-origin: content-box;
    visibility: hidden;
    position: absolute;
    cursor: pointer
}
.ui-input-mask {
    position: relative;
    z-index: 9999
}
.ui-suggestion {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    z-index: 9999;
    font-size: 16px;
    border: 1px solid #b1b1b1;
    background-color: #fff
}
.ui-suggestion ul {
    list-style: none;
    background: #fff
}
.ui-suggestion ul li {
    border-bottom: 1px solid #e7e7e7;
    height: 33px;
    line-height: 33px
}
.ui-suggestion .ui-suggestion-result {
    padding: 0 10px;
    display: block;
    position: relative
}
.ui-suggestion .ui-suggestion-result-highlight {
    background: #ededed
}
.ui-suggestion .ui-suggestion-result span {
    color: #878787
}
.ui-suggestion .ui-suggestion-content {
    position: relative
}
.ui-suggestion .ui-suggestion-button {
    border-top: 1px solid #e7e7e7;
    background: #f7f7f7;
    height: 33px;
    line-height: 33px
}
.ui-suggestion-button span {
    text-decoration: none;
    text-align: center;
    color: #4b4b4b;
    display: inline-block;
    font-size: 14px;
    padding: 0 10px;
    cursor: pointer
}
.ui-suggestion-button span:first-child {
    float: left;
    border-right: 1px solid #e7e7e7
}
.ui-suggestion-button span:last-child {
    float: right;
    border-left: 1px solid #e7e7e7
}
.ui-suggestion .ui-suggestion-plus {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 52px;
    background: url("")no-repeat scroll center center white;
    -webkit-background-size: 11px 11px
}
.ui-more {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    border-top: 1px solid #c1c1c1;
    -webkit-box-shadow: 1px 0 0 rgba(216, 216, 216, .21) inset, 0 1px 0 rgba(216, 216, 216, .21) inset, -1px 0 0 rgba(216, 216, 216, .21) inset, 0 1px 0 rgba(255, 255, 255, .75), 0 -1px 0 rgba(255, 255, 255, .75);
    position: relative;
    background: #f3f3f3;
    padding-bottom: 5px
}
.ui-more-arrow {
    position: absolute;
    top: -8px;
    right: 22px;
    width: 12px;
    height: 8px;
    background: url(images/more.png) no-repeat;
    -webkit-background-size: 12px 8px
}
.ui-more-links {
    display: -webkit-box;
    -webkit-box-flex: 1;
    height: 42px;
    background: #e4e4e4
}
.ui-more-links:last-child {
    border-bottom: 1px solid #cecece
}
.ui-more-link {
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
    color: #545164
}
.ui-more-link span {
    display: inline-block;
    width: 42px;
    height: 24px;
    text-align: center;
    line-height: 24px
}
.ui-more-link-hover {
    outline: 1px solid #c9c9c9;
    background-color: #d3d3d3
}
.ui-dialog {
    overflow: hidden;
    margin: 0 auto;
    background: #f5f5f5;
    z-index: 9999;
    position: absolute;
    display: none;
    -webkit-box-shadow: 0 1px 10px #bbb
}
.ui-dialog .ui-dialog-title {
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    text-align: center;
    background: #1e9866;
    color: #fff;
    font-weight: 700;
    position: relative
}
.ui-dialog .ui-dialog-close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    font-size: 18px;
    line-height: 30px;
    font-weight: 700;
    cursor: pointer
}
.ui-dialog .ui-dialog-content {
    padding: 20px 0;
    position: relative
}
.ui-mask {
    position: absolute;
    top: 0;
    left: 0;
    background: #888;
    opacity: .5;
    display: none;
    z-index: 9999
}
#bdWrapper {
    width: 100%;
    overflow: hidden
}
#bdWrapper.virticalanim {
    padding-top: 96px !important
}
#bdWrapper.virticalanim1 {
    padding-top: 223px !important
}
.bdinner {
    position: relative
}
.bdinner.swapanim {
    -webkit-transition: all .25s linear;
    transition: all .25s linear
}
body {
    margin: 0
}
#gotop {
    display: none
}
#hd {
    width: 100%
}
#hd.clp {
    -webkit-transform: translate(0px, -45px);
    transform: translate(0px, -45px)
}
.ui-toolbar-backcon .ui-toolbar-productbtn, .ui-toolbar-pausebtn, .ui-toolbar-toolscon .ui-toolbar-searchbtn, .ui-toolbar .ui-toolbar-updown-arrow, .ui-toolbar-toolscon .ui-toolbar-homebtn {
    background-image: url("")
}
.ui-toolbar-backcon .ui-toolbar-productbtn {
    float: left;
    width: 40px;
    height: 40px;
    line-height: 30px;
    display: inline-block;
    background-position: 8px 6px;
    background-repeat: no-repeat;
    -webkit-background-size: 55px 600px
}
.ui-toolbar-backcon-hover .ui-toolbar-productbtn {
    background-position: 0 -300px
}
.rightbtn.rightbtn-hover.ui-toolbar-searchbtn {
    background-position: 0 -349px
}
.rightbtn.rightbtn-hover.ui-toolbar-homebtn {
    background-position: 0 -404px
}
.native_app, .ui-toolbar-toolscon .ui-toolbar-homebtn, .ui-toolbar-toolscon .ui-toolbar-searchbtn .ui-toolbar-pausebtn {
    width: 42px;
    line-height: 30px;
    display: inline-block;
    background-repeat: no-repeat;
    -webkit-background-size: 55px 600px;
    float: right;
    border: 1px solid #108b58;
    background-color: #1ca66d;
    height: 28px;
    margin-top: 8px
}
.ui-toolbar .ui-toolbar-toolscon .ui-toolbar-btn.native_app {
    border-left: none;
    width: 60px;
    position: relative
}
.ui-toolbar .ui-toolbar-toolscon .ui-toolbar-btn.native_app:after {
    position: absolute;
    content: "";
    display: block;
    left: 40px;
    top: -5px;
    width: 28px;
    height: 14px;
    background: url("");
    background-size: 100% 100%
}
.ui-toolbar-toolscon .ui-toolbar-homebtn {
    background-position: 7px -65px
}
.ui-toolbar-toolscon .ui-toolbar-searchbtn .ui-toolbar-pausebtn {
    background-position: 9px -32px
}
.ui-toolbar .ui-toolbar-down-arrow {
    background-position: -43px -104px !important
}
.ui-toolbar .ui-toolbar-up-arrow {
    background-position: -43px -139px
}
.ui-toolbar .ui-toolbar-updown-arrow {
    float: left;
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin-left: -15px;
    display: inline-block;
    background-repeat: no-repeat;
    -webkit-background-size: 55px 600px;
    background-position: -43px -139px
}
.ui-toolbar .ui-toolbar-toolscon {
    position: absolute;
    color: white;
    line-height: 30px;
    display: inline-block;
    top: 0;
    right: 5px
}
.ui-more {
    border-top: 0;
    padding-bottom: 0
}
.ui-toolbar-title {
    font-size: 18px
}
#product_view_wrapper {
    position: absolute;
    z-index: 3;
    top: 44px;
    bottom: 0;
    width: 100%;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    background-color: #fff;
    display: none
}
#product_view_wrapper li {
    -webkit-transform: translate3d(0, 0px, 0px);
    transform: translate3d(0, 0px, 0px)
}
#product_view_wrapper.anim {
    display: block;
    -webkit-transform: translate3d(-100%, 0px, 0px);
    transform: translate3d(-100%, 0px, 0px)
}
#product_view_wrapper.swapanim {
    -webkit-transform: translate3d(0, 0px, 0px);
    transform: translate3d(0, 0px, 0px)
}
.product-view-list {
    padding: 5px 15px
}
.product-view-list-item {
    width: 25%;
    height: 75px;
    padding: 15px 0 0;
    float: left
}
.product-view-list-item-icon {
    background-image: url("http://wk.baidu.com/static/webapp/common/ui/images/products_4e8511b0.png");
    margin: 0 auto;
    width: 50px;
    height: 50px;
    -webkit-background-size: 225px auto;
    background-repeat: no-repeat;
    cursor: pointer
}
.product-view-list-item-title {
    text-align: center;
    font: bold 14px/26px Arial;
    color: #5b5b5b
}
.search {
    position: relative;
    padding: 5px;
    background: #f3f3f3;
    display: -webkit-box;
    -webkit-box-pack: start;
    z-index: 999
}
.search input {
    border: 0;
    border-radius: 0;
    background: 0;
    -webkit-appearance: none;
    font-size: 16px;
    vertical-align: middle
}
.search-input {
    -webkit-box-flex: 1;
    border: 1px solid #9a9a9a;
    background: #fff url(../../image/webapp/suggestion/i-1.0.0.png) 0 0 no-repeat;
    border-radius: 2px 0 0 2px
}
.search-input input {
    width: 100%;
    height: 39px;
    padding: 0
}
.search-button {
    border: 1px solid #888;
    border-left: none;
    border-radius: 0 2px 2px 0;
    z-index: 0
}
.search-button input {
    -webkit-appearance: none;
    -moz-appearance: none;
    line-height: 39px;
    height: 39px;
    padding: 0 3px;
    font-weight: bold;
    font-size: 16px;
    color: #000;
    margin: 0;
    border: 0 none transparent;
    border-radius: 0 !important;
    background: -moz-linear-gradient(-90deg, #f7f7f7, #dfdfdf);
    background: -o-linear-gradient(-90deg, #f7f7f7, #dfdfdf);
    background: -webkit-gradient(linear, left top, left bottom, from(#f7f6f6), to(#dfdfdf));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f7f7f7, endColorstr=#dfdfdf);
    cursor: pointer
}
.search-button-hover {
    background: -webkit-gradient(linear, left top, left bottom, from(#dfdfdf), to(#f7f6f6)) !important
}
.ui-dialog .ui-dialog-content .buttonContent {
    text-align: center
}
.ui-dialog .ui-dialog-content button {
    width: 80px;
    height: 30px;
    cursor: pointer;
    border: 1px solid #999;
    -webkit-appearance: none
}
.ui-dialog .ui-dialog-content .ok {
    margin-left: 10px
}
.ui-toolbar .ui-toolbar-gobaidubtn, .ui-toolbar .ui-toolbar-goback {
    width: 47px;
    height: 28px;
    font: bold 16px/28px normal;
    display: inline-block;
    background: #1ca66d;
    border: 1px solid #108b58;
    float: left
}
.ui-toolbar .ui-toolbar-productbtn.complie-mode {
    background-color: #1ca66d;
    border: 1px solid #108b58;
    height: 28px;
    width: 47px;
    background-position: 14px 4px;
    overflow: hidden;
    margin-left: -1px
}
nav {
    position: relative;
    display: none
}
.i_nav {
    background: #f6f6f6;
    height: 42px;
    border-top: #d7d7d7 1px solid;
    border-bottom: #d7d7d7 1px solid;
    display: box;
    display: -webkit-box
}
.i_nav * {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0)
}
.i_nav li {
    box-flex: 1;
    -webkit-box-flex: 1
}
.i_nav li a {
    font-size: 16px;
    color: #5b5b5b;
    display: block;
    width: 40px;
    height: 39px;
    line-height: 39px;
    margin: 0 auto;
    text-align: center
}
.i_nav li:visited {
    color: #5b5b5b
}
.i_nav li.on a {
    color: #1e9866
}
.i_nav_bt li.on a {
    border-bottom: #1e9866 3px solid
}
#navStyle {
    position: absolute;
    width: 20%;
    height: 3px;
    bottom: 0;
    -webkit-transition: .2s linear -webkit-transform;
    transition: .2s linear transform
}
#navStyle b {
    display: block;
    width: 40px;
    height: 3px;
    margin: 0 auto;
    background: #1e9866
}
#navStyle.ls0 {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}
#navStyle.ls1 {
    -webkit-transform: translate(100%, 0);
    transform: translate(100%, 0)
}
#navStyle.ls2 {
    -webkit-transform: translate(200%, 0);
    transform: translate(200%, 0)
}
#navStyle.ls3 {
    -webkit-transform: translate(300%, 0);
    transform: translate(300%, 0)
}
#navStyle.ls4 {
    -webkit-transform: translate(400%, 0);
    transform: translate(400%, 0)
}
.loadMore, .loadPage, .loadOver {
    font-size: 14px;
    display: block;
    width: 100%;
    height: 44px;
    line-height: 44px;
    text-align: center;
    background: #fafafa;
    color: #838383;
    border: 0;
    border-bottom: #e7e7e7 1px solid
}
.loadMore:active, .loadPage:active, .loadOver:active {
    background: #ededed
}
@-webkit-keyframes loading-frames {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
.loading-wrapper {
    position: absolute;
    z-index: 10005;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #fff
}
.loading-wrapper * {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}
.loading-wrapper .loading-container {
    position: absolute;
    width: 124px;
    height: 86px;
    margin: 0 -62px;
    left: 50%;
    top: 75px
}
.loading-wrapper .loading-container .loading-icon {
    width: 50px;
    margin: 0 auto
}
.loading-wrapper .loading-container .loading-icon .loading-round {
    position: absolute;
    width: 50px;
    height: 50px;
    background: url(http://wk.baidu.com/static/webapp/common/ui/images/loading/loading-round_33e49a70.png) center center no-repeat;
    background-size: 50px 50px;
    -webkit-animation-name: loading-frames;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear
}
.loading-wrapper .loading-container .loading-icon .loading-inner {
    position: relative;
    width: 24px;
    height: 25px;
    padding-top: 25px;
    margin: 0 auto;
    background: url() center center no-repeat;
    background-size: 24px 25px
}
.loading-wrapper .loading-container .loading-text {
    margin-left: 8px;
    text-align: center;
    color: #999;
    line-height: 30px;
    font-size: 14px
}
#native {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 100
}
#native .nativeRcmd {
    width: 296px;
    height: 310px;
    padding: 10px 0;
    background: #fff;
    margin: auto;
    position: relative;
    text-align: center
}
#native .nativeRcmd .closeNR {
    position: absolute;
    top: -15px;
    right: -12px;
    padding: 5px
}
#native .nativeRcmd .closeNR button {
    border: 0;
    width: 24px;
    height: 24px;
    background: url();
    background-size: 100% 100%
}
#native .nativeRcmd .title1 {
    color: #666;
    font-size: 15px;
    line-height: 15px;
    padding: 10px 0
}
#native .nativeRcmd .title2 {
    color: #1f9866;
    font-size: 24px;
    line-height: 25px;
    padding: 0 0 10px
}
#native .nativeRcmd .pics {
    width: 240px;
    height: 185px
}
#native .nativeRcmd .downlowdBox {
    margin-top: 10px;
    position: relative
}
#native .nativeRcmd .downlowdBox .rndl {
    width: 110px;
    height: 33px;
    text-align: center;
    line-height: 33px;
    color: #fff;
    border: 0;
    border-radius: 5px;
    background: #1f9866;
    display: block;
    margin: 0 auto;
    text-decoration: none
}
#native .nativeRcmd .downlowdBox .gotoWebsites {
    color: #0068b7;
    font-size: 13px;
    position: absolute;
    top: 12px;
    right: 22px
}
#carouselWrap {
    width: 100%;
    height: 150px;
    border-bottom: #d9d9d9 1px solid;
    overflow: hidden
}
#carouselWrap * {
    -webkit-backface-visibility: visible;
    backface-visibility: visible
}
#carouselWrap ul {
    width: 1000%;
    height: 150px;
    overflow: hidden;
    -webkit-transition: .3s linear all;
    transition: .3s linear all
}
#carouselWrap ul li {
    text-align: center;
    width: 10%;
    height: 100%;
    float: left
}
#carouselWrap ul li img {
    width: 320px;
    height: 150px
}
#carouselWrap ul li img.preloading {
    width: 32px;
    height: 32px;
    margin-top: 36px
}
#carouselWrap div {
    position: relative;
    z-index: 3;
    width: 100%;
    top: -18px;
    left: 0;
    float: right;
    text-align: center
}
#carouselWrap div b {
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 5px;
    margin: 0 1px;
    background-image: url();
    background-size: 100% 100%
}
#carouselWrap div b.on {
    background-image: url()
}
#h_native.yd_na {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    overflow: hidden
}
#h_native.yd_na .YDna {
    width: 320px;
    margin: auto;
    min-height: 568px
}
#h_native.yd_na .YDna .btnCon {
    width: 320px;
    margin: 0 auto;
    text-align: center
}
#h_native.yd_na .YDna .btnCon a.dlrn {
    background: url(http://wenku.baidu.com/topic/wapTopics/webapp/dln.png);
    background-size: 125px 42px;
    width: 125px;
    height: 42px;
    display: block;
    margin: 0 auto;
    color: #fff;
    text-align: center;
    line-height: 42px;
    font-size: 19px
}
#h_native.yd_na .YDna .btnCon .downloadLater {
    color: #707070;
    text-decoration: underline;
    font-size: 14px;
    line-height: 60px;
    color: #28ac8f
}
.class_level1 {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    font-size: 16px;
    background: #fafafa
}
.class_level1 dt {
    background: #deeee7;
    height: 30px;
    line-height: 30px;
    color: #07a860;
    border-bottom: #e7e7e7 1px solid;
    text-indent: 10px
}
.class_level1 dd a {
    display: block;
    color: #3b3b3b;
    border-bottom: #e7e7e7 1px solid;
    height: 44px;
    line-height: 44px;
    text-indent: 12px;
    position: relative
}
.class_level1 dd a:after {
    content: '';
    top: 16px;
    right: 10px;
    width: 7px;
    height: 12px;
    position: absolute;
    display: block;
    background: url();
    background-size: 100% 100%
}
.class_level1 dd a:active {
    background: #ededed
}
.noLogin{background:#fff;padding:10px 0}.ucList{border:1px solid #d7d7d7;border-radius:2px;margin:0 10px 10px;background:white}.ucList li{padding-left:35px;border-top:1px solid #e7e7e7;height:44px;line-height:44px;font-size:16px;color:#454545;background-color:#fafafa;background-image:url("");background-repeat:no-repeat;background-position:0 0;background-size:20px 270px;position:relative}.ucList li a{color:#454545;display:block;margin-left:-35px;text-indent:35px}.ucList li:active{background-color:#ededed}.ucList li:after{content:'';top:16px;right:16px;width:7px;height:12px;position:absolute;display:block;background:url();background-size:100% 100%}.ucList li.nearRead{background-position:9px 13px}.ucList li.feedback{background-position:9px -36px}.ucList li.help{background-position:9px -78px}.ucList li.copyright{background-position:9px -133px}.ucList li.bookMark{background-position:9px -186px}.ucList li.mycourse{background-position:9px -235px}.ucList li.login{padding-left:0;text-align:center;background:0;color:#029352}.ucList li.login:after{display:none}.ucList li.login a{color:#029352}.ucList li:first-of-type{border-top:0;border-top-left-radius:2px;border-top-right-radius:2px}.ucList li:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}article{background:#fff;width:100%;overflow:hidden;word-wrap:break-word;text-align:justify}article p,article h5{line-height:1.5em;padding:5px}article p{color:#2f2f2f}article p a{color:#666;margin:0 5px;text-decoration:underline}article h5{font-size:1.2em;color:#333}#help{background:#fafafa}#help article{background:#fafafa}#help p{margin-left:1.2em;margin-right:.8em}#help .title{background:#fafafa url("/static/webapp/uc/ui/images/help.a_2f13d664.gif") no-repeat 0 0;background-size:175px 254px}#help .titleA{background-position:0 -11px;height:32px;margin:5px 0}#help .titleB{background-position:0 -67px;height:32px;margin:5px 0}#help .titleC,#help .titleD,#help .titleE,#help .titleF,#help .titleH{font-weight:200;font-size:16px;height:20px;line-height:20px;text-indent:24px;margin:13px 0 5px 1.2em;color:#2c9b3f}#help .titleC{background-position:-17px -112px}#help .titleD{background-position:-19px -138px}#help .titleE{background-position:-17px -163px}#help .titleF{background-position:-17px -187px}#help .titleH{background-position:-17px -216px}#userInfo{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);padding:10px;overflow:hidden;line-height:1.5em;color:#454545;border-bottom:#e2e2e2 1px solid;background:#ededed;height:52px;overflow:hidden}#userInfo img{float:left;margin-right:10px;padding:3px;border-radius:2px;border:#b9b9b9 1px solid;width:44px}#userInfo p{font-weight:bold}#userInfo p a{color:#2c885f;margin-left:8px;padding-left:8px;border-left:#d6d6d6 1px solid}.logined{padding:10px 0;background:#fff}.logined .ucList .exit{padding-left:0;text-align:center;background:0}.logined .ucList .exit:after{display:none}.docFolder{background:#fff}.docFolder *{-webkit-tap-highlight-color:rgba(255,255,255,0)}.docFolder .list li b.gray{font-weight:normal;color:gray}.docFolder .list li.file:after{content:'';background:0}.docFolder .list li.file .fileDown{width:50px;height:50px;background:url("") 13px 13px no-repeat;-webkit-background-size:25px;position:absolute;top:8px;right:20px;opacity:.35}.docFolder .prevList,.docFolder .nextList{background:white;height:34px;line-height:34px;padding:5px 0;font-size:14px;color:#838383;text-align:center;display:none}.docFolder .prevList{border-bottom:1px solid #CCC}.docFolder .parentLevel{height:28px;padding:6px 0;background:#f8f8f8;border-bottom:#e2e2e2 1px solid;display:none}.docFolder .parentLevel span#parentLevel{border-right:#dedede 1px solid;display:block;height:28px;width:57px;line-height:28px;text-align:center}.docFolder .error{padding:10px;background:#fff;text-align:center;display:none}
.cat_title_s1{background:#deeee7;height:30px;line-height:30px;color:#07a860;border-bottom:#e7e7e7 1px solid;text-indent:10px;font-size:14px}.cat_detail_s1 a{display:block;color:#3b3b3b;border-bottom:#e7e7e7 1px solid;padding:10px 12px;line-height:24px;font-size:14px}.cat_detail_s1 a:active{background:#ededed}.cat_detail_s1 a span{display:block;background:url()no-repeat right center;background-size:7px 12px;padding-right:18px}.coursLoading{width:100%;height:100px;line-height:100px;text-align:center;color:#999}#courseRcmd{width:100%;height:180px;border-bottom:#d9d9d9 1px solid;overflow:hidden}#courseRcmd *{-webkit-backface-visibility:visible;backface-visibility:visible}#courseRcmd ul{width:1000%;height:180px;overflow:hidden;-webkit-transition:.3s linear margin;transition:.3s linear margin}#courseRcmd ul li{text-align:center;width:10%;height:100%;float:left}#courseRcmd ul li img{width:320px;height:180px}#courseRcmd ul li img.preloading{width:32px;height:32px;margin-top:36px}#courseRcmd div.cptitle{position:relative;z-index:3;width:100%;height:24px;line-height:24px;background:rgba(100,100,100,0.7);top:-24px}#courseRcmd div.cptitle p{color:#fff;padding-left:8px;font-size:14px;width:75%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#courseRcmd div.cptitle div{position:absolute;right:0;top:0;width:20%}#courseRcmd div.cptitle div b{display:inline-block;width:5px;height:5px;border-radius:5px;margin:0 1px;background-image:url();background-size:100% 100%}#courseRcmd div.cptitle div b.on{background-image:url()}.courseCat{overflow:hidden}.courseCat a{width:50%;float:left;-webkit-box-sizing:border-box;box-sizing:border-box}.courseCat a:nth-child(odd){border-right:#efefef 1px solid}.i_nav_course li a{width:80px}.i_nav_course li.on a{border-bottom:green 3px solid}.courseList{background:#fafafa}.courseList ul{overflow:hidden;margin:0 auto;padding:8px 0}.courseList ul li{-webkit-transform:translate3d(0,0,0);float:left;width:122px;height:100px;text-align:center;padding:10px}.courseList ul li a img{width:120px;height:67px;padding:2px;background:#efefef;border:#ddd 1px solid}.courseList ul li a p{font-size:12px}.courseList ul li:active{background:#ededed}@media screen and (max-width:449px){.courseList ul{width:290px}}@media screen and (min-width:450px){.courseList ul{width:426px}}.courseInfo{padding:8px;background:#ededed;border-bottom:#c0d0c0 1px solid}.courseInfo h1{font-size:16px;font-weight:bold;color:#333;padding:8px 0;line-height:1.5;border-bottom:#dadfda 1px solid}.courseInfo h4{font-size:12px;color:#999;padding:8px 0}.courseInfo div{padding:5px 0 5px 195px;position:relative;min-height:102px}.courseInfo div img{width:183px;height:102px;background:#f0f0f0;padding:2px;border:#e2e2e2 1px solid;border-radius:3px;position:absolute;left:0;top:0}.courseInfo div p{line-height:19px;font-size:12px;color:#666}.courseInfo div p.studyNow a{display:block;background:-webkit-gradient(linear,0 0,0 100%,from(#25b176),to(#1d9464));width:90px;height:24px;line-height:24px;text-align:center;border:#169e63 1px solid;box-shadow:#3dba86 1px 1px 1px inset,#3dba86 -1px -1px 1px inset;border-radius:2px;color:#fff;font-size:14px}.courseInfo div p.studyNow a:hover,.courseInfo div p.studyNow a:active{background:-webkit-gradient(linear,0 0,0 100%,from(#1c9f6b),to(#058350));border:#149a60 1px solid;box-shadow:#35aa7b 1px 1px 1px inset,#35aa7b -1px -1px 1px inset}.courseInfo h2{clear:both;font-size:14px;color:#333;padding-top:8px;line-height:1.8}.coursedata-title{margin-top:8px;border-bottom:#d6d6d6 2px solid;padding:0 8px;height:30px}.coursedata-title ul{height:30px;position:relative;bottom:-2px}.coursedata-title ul li{float:left;width:90px;height:28px;text-align:center;line-height:28px;font-weight:bold;color:#000}.coursedata-title ul li.on{color:#30986d;border-bottom:#30986d 2px solid;position:relative}.coursedata-title ul li.on:after{width:0;height:0;display:block;content:'';border:2px solid #30986d;left:45px;top:26px;position:absolute;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.course_list{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);font-size:16px;background:#fafafa}.lessonInfo{padding:8px;background:#ededed;border-bottom:#c0d0c0 1px solid}.lessonInfo h1{font-size:16px;font-weight:bold;color:#333;padding:8px 0;line-height:1.5;border-bottom:#dadfda 1px solid}.lessonInfo h1 a{text-decoration:underline}.lessonInfo h1 span{color:#999;font-size:12px}.lessonInfo h2{font-size:12px;color:#999;padding:8px 0}.player{border:#197d54 2px solid;border-radius:　1px;padding:0;background:#000;overflow:hidden}.player video{margin:2px auto;display:block}.player .notsupport{padding:20px}.player .notsupport h3{color:#fff;line-height:1.5;padding:8px 0}.player .notsupport p{margin:0 auto;font-size:12px;color:#ccc;line-height:2}.player .notsupport a{color:#ccc;text-decoration:underline}.player .iframe{width:316px;height:236px;overflow:hidden;margin:0 auto;overflow:hidden}.player .iframe iframe{-webkit-transform:scale(0.5);transform:scale(0.5);position:relative;left:-180px;top:-120px}.player .androidPlay{display:block;width:98%;margin:0 auto;padding:50px 0}.player .androidPlay span{display:block;width:128px;height:128px;background:url(/static/webapp/course/ui/images/play_adbdb12c.png);background-size:128px 128px;text-indent:-9999px;margin:0 auto;opacity:.8}.myCourse{display:block;margin:8px;text-align:center;color:#029352;height:40px;line-height:40px;border:1px solid #ccc;background:#fefefe;border-radius:2px}.studying{overflow:hidden}li.empty{height:40px;line-height:40px;text-align:center;color:#999;font-size:16px}li.course{width:50%;height:120px;text-align:center;float:left;font-size:12px;padding:10px 0;overflow:hidden}li.course img{width:145px;height:80px;border:#ccc 1px solid;padding:1px}li.course h3{width:145px;margin:0 auto;line-height:20px}